<style lang="scss" scoped="">
  .content_left{
    margin-left: 10%;
    width: 80%;
    height: 100%;
    box-shadow: 2px 2px 3px rgba(68,68,68,0.1),-2px -2px 3px rgba(68,68,68,0.1);
    float: left;
  }
  .content_right{
    width: 350px;
    height: 100%;
    box-shadow: 2px 2px 3px rgba(68,68,68,0.1),-2px -2px 3px rgba(68,68,68,0.1);
    background-color: white;

    float: right;
    table{
      width: 100%;
      height: 100px;
      vertical-align: middle;
      text-align: center;
      font-size: 13px;
      td{
        padding:15px;
      };
      td:hover{
        background-color: gainsboro;

      };
      div{
        margin-top: 10px;
      }
    }
  }
</style>
<template>
  <mpage>
      <mheader/>
      <minfo/>
      <mcontainer>
        <div style="width: 100%;height: 100%">
          <div class="content_left">
            <chatter ref="chatter"></chatter>
          </div>

          <!-- <homeDragbtn></homeDragbtn> -->
          <!-- <div class="content_right">
            <div style="height: 60px;line-height: 60px;width: 100%;font-size: 20px;padding-left:30px;">
              常用工具
            </div>
            <table border="0" >
              <tr>
                <td><Icon type="md-grid" size="45"/><div>知识库</div></td>
                <td><Icon type="ios-git-commit" size="45"/><div>流程查询</div></td>
                <td><Icon type="ios-analytics-outline" size="45"/><div>健康度分析</div></td>
              </tr>
              <tr>
                <td><Icon type="ios-clipboard-outline" size="45"/><div>资源明细</div></td>
                <td><Icon type="md-help" size="45"/><div>帮助中心</div></td>
                <td><Icon type="ios-link-outline" size="45"/><div>意见反馈</div></td>
              </tr>
            </table>
          </div> -->
          
        </div>
      </mcontainer>

  </mpage>






</template>

<script>

  import mpage from "./mpage"
  import mheader from "./mheader.vue"
  import minfo from "./minfo"
  import mcontainer from './mcontainer'
  import chatter from "./chatter"
  import homeDragbtn from "./homeDragbtn"

  export default {
    name: 'chatter_page',
    components: {
      mheader,mpage,minfo,mcontainer,chatter,homeDragbtn
    },
    props:{

    },
    data() {
      return {

      }
    },
    mounted() {

    },
    methods: {

    },


  }
</script>
